
<template>
  <!-- 公共同步返回组件 -->
  <div class="SearchHeader">
    <!-- 导航 -->
    <van-nav-bar
      class="ModifyHeader"
      :title="Title"
      :border="false"
      left-arrow
      @click-left="$router.back()"
    />
  </div>
</template>

<script>
export default {
  name: 'tabbar',

  data () {
    return {
      Title: this.title
    }
  },
  components: {},
  props: {
    title: String
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
.ModifyHeader {
  background-color: #d7b782;
  margin-bottom: 20px;
  .van-nav-bar__left {
    .van-icon {
      color: #ffffff;
    }
  }
  .van-nav-bar__title {
    color: #ffffff;
  }
}
</style>
